$(function () {
 // 点击链接,显示隐藏盒子
 $('#loginBox a').on('click', function () {
  // 隐藏
  $('#loginBox').hide()
  // 显示
  $('#regBox').show()
 });
 $('#regBox a ').on('click', function () {
  $('#loginBox').show()
  $('#regBox').hide()
 })
 // 需求2 :自定义校验规则
 // console.log(yayui);

 // 只要导入layui.all.js就会多出一个对象 layui
 let form = layui.form
 // 校验功能
 form.verify({
  // from上面有一个方法,叫verify();参数是一个对象,属性是一个对象,属性是规则名称,值是规则
  // 值有两中:数组,函数!
  username: [
   /^[\S]{1,10}$/,
   '用户名必须是1到10位,且不能出现空格'
  ], pwd: [
   /^[\S]{6,15}$/,
   '密码必须6到15位,且不能出现空格'
  ],
  rePwd: function (value) {
   // value就是你给哪个标签添加这个校验规则
   // 这个标签的值就赋值给value
   let pwd = $('#regBox input[name=password]').val()
   if (pwd !== value) {
    return " 两次密码输入不一致"
   }
  }
 })

 // 需求3:注册功能:
 let layer = layui.layer
 $('#formReg').on('submit', function (e) {
  // 阻止表单默认提交
  e.preventDefault()
  axios({
   method: 'POST',
   url: '/api/reguser',
   // 不要传递对象类型,因为对象类型头信息设置的是application/json
   // content .type:application/json,目前接口文档不支持
   data: $(this).serialize()
  }).then(res => {
   // 判断返回数据是否正确
   if (res.data.status !== 0) {
    alert(1)
    return layer.msg(res.data.message)
    
   }
   layer.msg('恭喜您,注册用户成功')
   $('#regBox a').click()
   // 清空表单,DOM元素中,有一个reset()可以重置表单
   $('#formReg')[0].reset()
  })
 })
 // 需求4:登录功能
 // 给表单注册事件
 $('#formlogin').on('submit', function (e) {
  e.preventDefault()
//   发送ajax
  axios({
   method: 'POST',
   url: '/api/login',
   data: $(this).serialize()
  }).then(res => {
   // 判断
   if (res.data.status !== 0) {
    return layer.msg(res.data.message)
   }
   //成功提示,存储token
   layer.msg('恭喜您,登录成功!')
   localStorage.setItem('token', res.data.token)
   // y页面跳转到index.html
   location.href = '/index.html'
  })
 })
})